<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>优惠券详情</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link href="__PUBLIC__/Css/css.css" rel="stylesheet">
    </head>
<body>
<div class="container-fluid">
    <nav class="row navbar-fixed-top" id="nav">
        <div class="col-xs-2">
            <button class="btn btn-default" type="submit" id="btn1">
                <span class='glyphicon glyphicon-menu-left' aria-hidden="true"></span>
            </button>
        </div>
        <div class="col-xs-8 text-center">
            <p>优惠券详情</p>
        </div>
        <div class="col-xs-2">
            <button id="" class="btn btn-default" type="submit">
                立即使用
            </button>
        </div>
    </nav>
</div>
<div class="container martops">
    <div class="row"style="height: 3em;">
        <button type="button" class="btn btn-group-justified gr-bkg" style="height: 3em;color: #fff">
            <span class="pull-left"><你在H&M 仓山万达店</span></button>
    </div>
    <div class="row"style="height: 3em;">
        <button type="button" class="btn btn-group-justified wh-bkg" style="height: 3em;color: #565656">
            <span class="pull-left">你还未来过这里</span></button>
    </div>
    <div class="row" style="border-top: 1px solid #999;height: 3em;">
        <button type="button" class="btn btn-group-justified wh-bkg" style="height: 3em;color: #565656">
            <span class="pull-left">赛百味午餐超值优惠券</span></button>
    </div>
    <div class="row"><img src="__PUBLIC__/Images/sign.png" class="img-responsive"></div>
    <div class="row" style="height: 3em;">
        <button type="button" class="btn btn-group-justified wh-bkg" style="height: 3em;">
            <span class="pull-left" >这里放置优惠的详细介绍</span></button>
    </div>
    <div class="row" style="height: 2em;">
        <button type="button" class="btn btn-group-justified wh-bkg" style="height: 2em;font-size: 0.5em">
            <span class="pull-left" ><a href="">优惠有效期/可使用次数/剩余次数</a></span></button>
    </div>
    <div class="row" style="height: 2em;">
        <button type="button" class="btn btn-group-justified wh-bkg" style="height: 2em;font-size: 0.5em">
            <span class="pull-left" >有 <span class="h-blue" >35</span> 人已经下载了优惠，今日还剩下<span class="h-yel" > 586</span> 张可以领取</span></button>
    </div>
</div>
<div class="container" >

</div>
<div class="container text-center gr-bkg navbar-fixed-bottom " style="height: 4.5em;">
<div class="btn btn-group-justified" role="group" aria-label="..." style="height: 4.5em;" >
<div class="btn-group" role="group" >
    <button type="button" class="reg-but btn ">立即下载优惠券</button>
</div>
</div>
</div>
    </body>
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</html>